<template>
  <view class="analysis-container">
    <view class="header">
      <text class="title">AI智能分析</text>
      <text class="tip">根据您的教学数据生成分析报告</text>
    </view>
    
    <view class="analysis-card">
      <view class="card-item">
        <view class="icon-box">📊</view>
        <text class="card-title">教学能力分析</text>
        <text class="card-desc">基于学生评价和教学成果</text>
      </view>
      
      <view class="card-item">
        <view class="icon-box">📈</view>
        <text class="card-title">课程优化建议</text>
        <text class="card-desc">根据教学反馈生成改进方案</text>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
.analysis-container {
  padding: 30rpx;
  
  .header {
    padding: 40rpx 0;
    
    .title {
      font-size: 40rpx;
      color: #2c3e50;
      display: block;
    }
    
    .tip {
      color: #666;
      font-size: 26rpx;
    }
  }
  
  .analysis-card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20rpx;
    
    .card-item {
      background: #fff;
      border-radius: 16rpx;
      padding: 30rpx;
      text-align: center;
      
      .icon-box {
        font-size: 60rpx;
        margin-bottom: 20rpx;
      }
      
      .card-title {
        display: block;
        font-size: 30rpx;
        color: #2c3e50;
        margin-bottom: 10rpx;
      }
      
      .card-desc {
        color: #666;
        font-size: 24rpx;
      }
    }
  }
}
</style> 